<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>课程播放页</title>
</head>

<body class="dpflex fdcolumn" id="body">
    <div class="dpflex fdcolumn play flex1">
        <!-- 视频容器 -->
        <div class="video-wrapper flex1">
            <video id="video" muted style="width: 100%; height: 100%;"></video>
            <div class="knobble dpflex fdcolumn">
                <div style="font-size: 50px" class="fw">
                    <span id="knobble">1</span>/
                    <span id="overall">0</span>
                </div>
                <div class="mt8 fs20" id="videoTitle">仰卧起坐</div>
            </div>
        </div>
        <!-- 控制按钮 -->
        <div class="controls dpflex">
            <i id="preBtn" class="iconfont icon-back"></i>
            <i id="stopBtn" class="iconfont icon-pause"></i>
            <i id="nextBtn" class="iconfont icon-next"></i>
        </div>
        <!-- 进度条 -->
        <div class="progress" id="progress"></div>
    </div>
    <!-- 蒙层 -->
    <div class="mc" id="cover">
        <div class="title">放弃可以找一万个理由，坚持只需要一个信念！</div>
        <div class="dpflex continue">
            <div class="dpflex fdcolumn pause play" id="continueBtn">
                <i class="iconfont icon-play"></i>
                <span class="fw mt8">继续</span>
            </div>
            <div class="dpflex fdcolumn pause over" id="overBtn">
                <i class="iconfont icon-jieshu"></i>
                <span class="fw mt8">结束</span>
            </div>
        </div>
        <div class="screenshot dpflex">
            <img id="curImg" src="../img/index-card-run.png" alt="" class="flex1">
            <div class="flex1 dpflex fdcolumn described">
                <span>当前：</span>
                <span id="curContent" class="mt8">男子平板支撑抬腿</span>
            </div>
        </div>

    </div>
</body>

</html>